<template>
    <div style="height: 100%; width: 100%; position: relative" ref="maindev">
        <div class="pagetop">
            <!-- height 32px 13 67%-->
            <table style="width: 100%; font-size: 12px" border="0">
                <col style="width: 4%" />
                <col style="width: 7%" />
                <col style="width: 1%" />
                <col style="width: 7%" />
                <col style="width: 4%" />
                <col style="width: 10%" />
                <col style="width: 4%" />
                <col style="width: 11%" />
                <col style="width: 2%" />
                <col style="width: 10%" />
                <col style="width: 4%" />
                <col style="width: 10%" />
                <col style="width: 33%" />
                <tr>
                    <td>报告日期</td>
                    <td>
                        <el-date-picker v-model="rpt_startdt" :able="false" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" style="width: 100%; min-width: 100px" :picker-options="pickerOptions" :clearable="false" :key="startkey"> </el-date-picker>
                    </td>
                    <td text-align="center">至</td>
                    <td>
                        <el-date-picker v-model="rpt_enddt" type="date" :able="false" placeholder="选择日期" value-format="yyyy-MM-dd" style="width: 100%; min-width: 100px" :picker-options="pickerOptions" :clearable="false" :key="endkey"> </el-date-picker>
                    </td>
                    <td>检验科室</td>
                    <td>
                        <rm-ddl-common datatype="labdept" dataname="检验科室" v-model="labdeptval" width="200px" @change="labdeptChange"></rm-ddl-common>
                    </td>

                    <td>样本类型</td>
                    <td>
                        <rm-ddl-common datatype="specimen" dataname="标本类型" v-model="specimencode" size="mini" width="100%" @change="specimenChange"></rm-ddl-common>
                    </td>
                    <td colspan="2" class="tdclass"><el-checkbox v-model="onlyemergency" style="margin-left: 10px">急诊</el-checkbox></td>

                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>报告单元</td>
                    <td colspan="3">
                        <rm-ddl-rptunit prgno="LIS440" v-model="rptunit" width="100%" clearable @change="rptunitChange"></rm-ddl-rptunit>
                    </td>
                    <td>检验组</td>
                    <td>
                        <rm-ddl-common v-model="labgroupid" clearable filterable :appendtobody="true" visible-change:true datatype="labgroup" dataname="检验组" width="100%" @change="labgroupChange"></rm-ddl-common>
                    </td>
                    <td>病人类型</td>
                    <td>
                        <rm-ddl-common datatype="seccode" kindno="PT" dataname="病人类型" v-model="pattype" width="200px" key="pt" @change="pattypeChange"></rm-ddl-common>
                    </td>
                    <td colspan="2">
                        <el-radio-group v-model="isexam" size="mini">
                            <el-radio label="">全部</el-radio>
                            <el-radio label="0">未审核</el-radio>
                            <el-radio label="1">已审核</el-radio>
                        </el-radio-group>
                    </td>
                </tr>
                <tr>
                    <td>申请项目</td>
                    <td colspan="3">
                        <el-input v-model="req_itemname" placeholder="双击选择申请项目" @dblclick.native="OpenReqitem" clearable @clear="clearreqitem"></el-input>
                    </td>
                </tr>
                <tr>
                    <td colspan="13">
                        <el-button icon="el-icon-search" v-has="'PINQUERY'" type="primary" @click="BtnQuery">查询(F8)</el-button>
                        <el-button icon="el-icon-delete" @click="btn_clearselEvent">清除</el-button>
                        <el-button @click.native="exportExcel" icon="el-icon-zoom-in">导出</el-button>
                    </td>
                </tr>
            </table>
        </div>
        <div class="pagecenter">
            <rm-layout-right splitcolor="#ffffff" :splitwidth="2" :fixsize="475" :minfixsize="200" ref="layoutright">
                <vxe-table :data.sync="report_data" :loading="report_Loading" :select-config="{ reserve: true }" :sort-config="{ trigger: 'cell' }" border :height="reportheight" highlight-current-row @current-change="reportchange_Event" highlight-hover-column highlight-hover-row how-header-overflow ref="reportTable" resizable show-overflow size="mini" show-header-overflow :optimization="{ animat: false }" header-align="center">
                    <vxe-table-column field="emer_flag" sortable title="急" width="20" show-overflow align="center">
                        <template v-slot="{ row, rowIndex, columnIndex }">
                            <div :key="row.userno + rowIndex + columnIndex" v-if="row.emer_flag == '1'">
                                <font color="red">急</font>
                            </div>
                            <div :key="row.userno + rowIndex + columnIndex" v-else></div>
                        </template>
                    </vxe-table-column>
                    <vxe-table-column field="rechkflag" title="审" width="20" show-overflow align="center">
                        <template v-slot="{ row, rowIndex, columnIndex }">
                            <div :key="row.userno + rowIndex + columnIndex" v-if="row.rechkflag == '9'">
                                <font color="#000000">审</font>
                            </div>
                            <div :key="row.userno + rowIndex + columnIndex" v-else></div>
                        </template>
                    </vxe-table-column>
                    <vxe-table-column field="rptunitname" title="报告单元" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="timeoutreason" title="超时原因" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="timeout_minutes" title="超出时间(分钟)" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="prereport_dt" title="预计报告时间" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="report_dt" title="报告时间" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="sampleno" title="标本编号" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="specimen_name" title="标本类型" width="90" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="sampledate" title="标本日期" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="req_reason" title="送检目的" width="130" show-overflow sortable></vxe-table-column>

                    <vxe-table-column field="pat_name" title="病人姓名" width="85" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="pat_no" title="病人号" width="85" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="pat_sexname" title="性别" width="60" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="pat_agestr" title="年龄" width="60" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="rechk_dt" title="审核时间" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="rechk_user" title="审核医生" width="80" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="print_count" title="打印次数" width="80" show-overflow sortable></vxe-table-column>

                    <vxe-table-column field="req_bedno" title="床号" width="70" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="pat_typecodename" title="病人类别" width="80" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="barcode" title="条码号" width="100" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="req_dept" title="申请科室" width="90" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="req_ward" title="病人病区" width="90" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="charge_typeno" title="收费类别" width="95" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="pat_diag" title="临床诊断" width="100" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="req_dt" title="申请时间" width="130" show-overflow align="center"></vxe-table-column>
                    <vxe-table-column field="req_docno" title="申请医生" width="85" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="sampled_dt" title="采样时间" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="recieve_dt" title="接收时间" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="input_dt" title="录入时间" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="test_info" title="上机信息" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="test_dt" title="上机时间" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="report_user" title="检验医生" width="85" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="report_comm" title="报告单备注" width="130" show-overflow></vxe-table-column>
                    <vxe-table-column field="lab_advice" title="实验室意见" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="item_num" title="项目数" width="65" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="instr_advice" title="仪器辅助诊断" width="130" show-overflow></vxe-table-column>
                    <vxe-table-column field="rechk2_dt" title="二审时间" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="rechk2_user" title="二审医生" width="85" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="lastprint_dt" title="最后打印时间" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="reportid" title="报告ID" width="120" show-overflow></vxe-table-column>
                    <vxe-table-column field="hospcode" title="医院代码" width="130" show-overflow></vxe-table-column>
                    <vxe-table-column field="specimen_comm" title="标本状态备注" width="130" show-overflow></vxe-table-column>
                    <vxe-table-column field="pat_cardno" title="就诊卡号" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="inp_id" title="就诊号" width="130" show-overflow sortable></vxe-table-column>
                    <vxe-table-column field="inp_date" title="入院日期" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="pat_phone" title="联系电话" width="130" show-overflow></vxe-table-column>
                    <vxe-table-column field="pat_id" title="病人ID" width="130" show-overflow></vxe-table-column>
                    <vxe-table-column field="release_dt" title="发布时间" width="130" show-overflow align="center" sortable></vxe-table-column>
                    <vxe-table-column field="release_user" title="发布人" width="100" show-overflow></vxe-table-column>

                    <vxe-table-column field="is_changedname" title="是否修改" width="75" show-overflow align="center"></vxe-table-column>
                    <vxe-table-column field="changed_afterreportname" title="打印、审核后修改" width="115" show-overflow align="center"></vxe-table-column>
                    <vxe-table-column field="unprint_flagname" title="禁止打印标志" width="100" show-overflow align="center"></vxe-table-column>
                    <vxe-table-column field="unprint_reason" title="禁止打印原因" width="130" show-overflow></vxe-table-column>
                </vxe-table>
                <template v-slot:fix>
                    <div class="right-inser">
                        <vxe-table :data.sync="result_data" :loading="result_Loading" header-align="center" :select-config="{ reserve: true }" :sort-config="{ trigger: 'cell' }" border height="100%" highlight-current-row highlight-hover-column highlight-hover-row how-header-overflow ref="ymresulttable" resizable show-overflow size="mini" stripe show-header-overflow :optimization="{ animat: false }">
                            <vxe-table-column type="index" title="NO." width="60"></vxe-table-column>
                            <vxe-table-column field="rpt_itemname" title="检验项目" width="220" show-overflow>
                                <template v-slot="{ row }">
                                    <div v-if="row.alertflag == '1'" style="background: red; padding: 0px 10px">
                                        {{ row.rpt_itemname }}
                                    </div>
                                    <div v-else style="padding: 0px 10px">
                                        {{ row.rpt_itemname }}
                                    </div>
                                </template></vxe-table-column
                            >
                            <vxe-table-column field="result_str" title="检测结果" width="80" show-overflow>
                                <template v-slot="{ row }">
                                    <div
                                        :style="{
                                            background: row.cp_resultbackgroundcolor,
                                            color: row.cp_resultcolor,
                                        }"
                                        style="padding: 0px 10px"
                                    >
                                        {{ row.result_str }}
                                    </div>
                                </template></vxe-table-column
                            >
                            <vxe-table-column field="result_ref" title="参考值" width="100" show-overflow></vxe-table-column>
                            <vxe-table-column field="result_unit" title="单位" width="70" show-overflow></vxe-table-column>
                            <vxe-table-column field="result_txt" title="大文本结果" width="130" show-overflow></vxe-table-column>
                            <vxe-table-column field="instrid" title="检验仪器" width="100" show-overflow></vxe-table-column>
                            <vxe-table-column field="interno" title="通道号" width="100" show-overflow></vxe-table-column>
                            <vxe-table-column field="alertflag" align="center" title="危急标志" width="60" show-overflow></vxe-table-column>
                            <vxe-table-column field="result_flag" align="center" title="结果标志" width="60" show-overflow></vxe-table-column>
                            <vxe-table-column field="redo_flag" align="center" title="复查标志" width="60" show-overflow></vxe-table-column>
                            <vxe-table-column field="redo_result" align="center" title="复查前结果" width="60" show-overflow></vxe-table-column>
                            <vxe-table-column field="orig_result_num" title="原始数值结果" width="120" show-overflow></vxe-table-column>
                            <vxe-table-column field="orig_result_str" title="原始文本结果" width="120" show-overflow></vxe-table-column>
                            <vxe-table-column field="itemcode_en" title="英文缩写" width="60" show-overflow></vxe-table-column>
                            <vxe-table-column field="modify_flag" align="center" title="修改标志" width="60" show-overflow></vxe-table-column>
                            <vxe-table-column field="first_dt" align="center" title="第一次填入时间" width="120" show-overflow></vxe-table-column>
                            <vxe-table-column field="last_dt" align="center" title="最后修改时间" width="120" show-overflow></vxe-table-column>
                            <vxe-table-column field="last_user" align="center" title="最后修改人" width="80" show-overflow></vxe-table-column>
                            <vxe-table-column field="rptunitid" title="报告单元" width="150" show-overflow></vxe-table-column>
                            <vxe-table-column field="germflag" align="center" title="细菌标志" width="60" show-overflow></vxe-table-column>
                            <vxe-table-column field="orig_result_str" title="分组序号" width="60" show-overflow></vxe-table-column>
                            <vxe-table-column field="orig_result_str" title="打印序号" width="60" show-overflow></vxe-table-column>
                            <vxe-table-column field="orig_result_flag" align="center" title="原始结果标志" width="160" show-overflow></vxe-table-column>
                        </vxe-table>
                    </div>
                </template>
            </rm-layout-right>
        </div>
        <el-dialog width="1000px" top="10px" v-el-drag-dialog :append-to-body="true" :close-on-click-modal="false" :visible.sync="reqouterVisible" :destroy-on-close="true" title="申请项目">
            <rm-pop-common datatype="reqitem" dataname="申请项目" :filterable="true" v-model="sel_req_itemcode" size="mini" width="100%" :clearable="true" :multiple="true" :appendtobody="true" key="dialogreq_itemcode" @change="reqitemchange" @cancel="reqouterVisible = false"></rm-pop-common>
        </el-dialog>
    </div>
</template>


<script>
import RmExcolsetting from "@/components/rmcompents/rm_excolsetting.vue";
import XE from "xe-utils"; //引入工具类
XE.mixin({
    // 自定义全局的格式化处理函数
    formatSelect(cellValue, list) {
        let item = list.find((item) => item.value == cellValue);
        return item ? item.label : "";
    },
});
export default {
    name: "LIS482",
    components: { RmExcolsetting },
    data() {
        const _that = this;
        return {
            report_Loading: false,
            report_data: [],
            rpt_startdt: new Date(),
            rpt_enddt: new Date(),
            labdeptval: "", // 检验科室
            specimencode: "", //标本类型
            onlyemergency: false, // 是否急诊
            rptunit: "", // 报告单元
            isexam: "", // 是否审核
            pattype: "", // 病人类型
            labgroupid: "", // 检验组
            result_data: [],
            result_Loading: false,
            tableColumn: [],
            excolPro: "lis482",
            reportheight: "auto",
            startkey: 0,
            endkey: 0,
            pickerOptions: {
                //添加跳转今天
                shortcuts: [
                    {
                        text: "今天",
                        onClick(picker) {
                            picker.$emit("pick", new Date());
                            _that.rpt_startdt = new Date();
                            _that.rpt_enddt = new Date();
                        },
                    },
                ],
            },
            outerVisible: false,
            reqouterVisible: false,
            sel_req_itemcode: "",
            req_itemname: "",
            labdeptname: "",
            specimenname: "",
            rptunitname: "",
            labgroupname: "",
            pattypename: "",
        };
    },
    created() {
        //this.btn_clearselEvent();
    },
    mounted() {
        //定义快捷键F8
        var _this = this;
        document.onkeydown = function (e) {
            let key = window.event.keyCode;
            switch (key) {
                case 119: //查询F8
                    _this.BtnQuery();
                    break;
            }
        };
    },
    updated() {},
    methods: {
        BtnQuery() {
            this.report_Loading = true;
            this.$tool
                .request({
                    url: "LIS/LIS4/LIS482",
                    method: "post",
                    data: {
                        action: "queryData",
                        stime: this.rpt_startdt, // 开始时间
                        etime: this.rpt_enddt, // 结束时间
                        labdept: this.labdeptval, // 检验科室
                        specimencode: this.specimencode, // 样本类型
                        onlyemergency: this.onlyemergency == true ? "1" : "0", // 是否急诊
                        rptunit: this.rptunit, // 报告单元
                        labgroupid: this.labgroupid, // 检验组
                        pattype: this.pattype, // 病人类型
                        isexam: this.isexam, //  是否审核
                        sel_req_itemcode: this.sel_req_itemcode,
                    },
                })
                .then((res) => {
                    this.report_data = res.data;
                    this.result_data = [];
                    this.report_Loading = false;
                    if (res.total > 5000) {
                        this.$message({
                            type: "info",
                            message: "超过5000行只显示前5000行数据！",
                        });
                    }

                    if (this.report_data.length > 0) {
                        this.$refs.reportTable.setCurrentRow(this.report_data[0]);
                        this.fuc_get_labresult(this.report_data[0]);
                    }
                })
                .catch((e) => {
                    this.$message.error(e);
                });
        },

        reportchange_Event({ row, rowIndex, column, columnIndex }, event) {
            this.fuc_get_labresult(row);
        },

        fuc_get_labresult(row) {
            this.result_Loading = true;
            this.$tool
                .request({
                    url: "LIS/LIS4/LIS482",
                    method: "post",
                    data: {
                        action: "queryRight",
                        reportid: row.reportid,
                    },
                })
                .then((res) => {
                    this.result_data = res.data;
                    this.result_Loading = false;
                })
                .catch((e) => {
                    this.$message.error(e);
                });
        },
        labdeptChange(code, name) {
            this.labdeptval = code;
            this.labdeptname = name;
        },
        specimenChange(code, name) {
            this.specimencode = code;
            this.specimenname = name;
        },
        rptunitChange(code, name) {
            this.rptunit = code;
            this.rptunitname = name;
        },
        labgroupChange(code, name) {
            this.labgroupid = code;
            this.labgroupname = name;
        },
        pattypeChange(code, name) {
            this.pattype = code;
            this.pattypename = name;
        },
        exportExcel() {
            var rightlocalStorage = JSON.parse(window.localStorage.getItem(this.excolPro + "exCol"));
            let tableColumn = this.$refs.reportTable.getColumns();
            let exportColumn = [];
            if (rightlocalStorage && rightlocalStorage.length > 0) {
                rightlocalStorage.forEach((item) => {
                    exportColumn.push({
                        title: item.extitle ? item.extitle : item.title,
                        field: item.property,
                    });
                });
            } else {
                tableColumn.forEach((item) => {
                    exportColumn.push({ title: item.title, field: item.property });
                });
            }
            let filtertxt = this.getExportFilter();
            this.$pub.exportTableExcel(this.report_data, exportColumn, "LIS482 报告延迟发放查询信息.xlsx", filtertxt);
        },
        // 获取当前导出文件的所有查询条件
        getExportFilter() {
            let filtertxt = "报告日期:" + XE.toDateString(this.rpt_startdt, "yyyy-MM-dd") + "至" + XE.toDateString(this.rpt_enddt, "yyyy-MM-dd") + "; ";
            if(this.labdeptval) filtertxt += "检验科室:" + this.labdeptname + "; ";
            if(this.specimencode) filtertxt += "标本类型:" + this.specimenname + "; ";
            if(this.rptunit) filtertxt += "报告单元:" + this.rptunitname + "; ";
            if(this.labgroupid) filtertxt += "检验组:" + this.labgroupname + "; ";
            if(this.pattype) filtertxt += "病人类型:" + this.pattypename + "; ";
            filtertxt += "审核状态:" + (this.isexam == "0" ? "未审核" : this.isexam == "1" ? "已审核" : "全部") + "; ";
            if(this.req_itemname) filtertxt += "申请项目:" + this.req_itemname + "; ";
            return filtertxt;
        },
        btn_clearselEvent() {
            this.report_Loading = false;
            this.report_data = [];
            this.result_data = [];
            this.rpt_startdt = new Date();
            this.rpt_enddt = new Date();
            this.labdeptval = ""; // 检验科室
            this.specimencode = ""; //标本类型
            this.onlyemergency = false; // 是否急诊
            this.rptunit = null; // 报告单元
            this.isexam = ""; // 是否审核
            this.pattype = ""; // 病人类型
            this.labgroupid = ""; // 检验组
        },

        OpenReqitem() {
            this.reqouterVisible = true;
        },

        reqitemchange(c, v) {
            if (c.length > 0) {
                c.forEach((x) => {
                    this.sel_req_itemcode = this.sel_req_itemcode + x.hidkey + ",";
                    this.req_itemname = this.req_itemname + x.hidname + ",";
                });
            }
            this.req_itemname = this.req_itemname.substr(0, this.req_itemname.length - 1);
            this.reqouterVisible = false;
        },

        clearreqitem() {
            this.sel_req_itemcode = "";
            this.req_itemname = "";
        },
    },
};
</script>

<style scoped>
::v-deep .el-checkbox__inner::after {
    border: 2px solid #000000 !important;
    box-sizing: content-box;
    content: "";
    border-left: 0 !important;
    border-top: 0 !important;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform 0.15s ease-in 0.05s;
    transform-origin: center;
}
::v-deep .el-checkbox__input.is-disabled + span.el-checkbox__label {
    color: #000000;
    cursor: not-allowed;
}
::v-deep .el-checkbox__input.is-disabled .el-checkbox__inner,
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner + .el-input.is-disabled .el-input__inner {
    background-color: #ffffff !important;
}
::v-deep .el-input--suffix .el-input__inner {
    padding-right: 5px;
}
.middle-tab-bottom {
    position: absolute;
    top: 0px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
}
.pagetop {
    left: 0;
    right: 0;
    /* height: 100px; */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    border: solid 1px #ccc;
    position: absolute;
    z-index: 99;
}
.pagecenter {
    position: absolute;
    top: 130px;
    width: 100%;
    left: 0;
    bottom: 0px;
    overflow: auto;
}
.pagebottom {
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: 4px;
    height: 36px;
    bottom: 0px;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    border: solid 1px #ccc;
}

.right-inser {
    position: absolute;
    top: 0;
    bottom: 0px;
    overflow: auto;
    width: 100%;
    right: 0px;
}

table tr td:nth-child(odd) {
    text-align: right;
    white-space: nowrap;
}
table tr td:nth-child(even) {
    text-align: left;
}
table tr td:nth-child(1) {
    width: 80px;
}
table {
    font-size: 12px;
    border-collapse: separate;
    border-spacing: 5px;
}
.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.avatar-uploader .el-upload:hover {
    border-color: #409eff;
}
.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
}
.avatar {
    width: 178px;
    height: 178px;
    display: block;
}

.avatar-uploader-icon1 {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.avatar1 {
    width: 178px;
    height: 50px;
    display: block;
}
.middle-tab-top {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 200px;
}
.middle-bottom {
    position: absolute;
    top: 37px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
}
.middle-tab-bottom {
    position: absolute;
    top: 203px;
    width: 100%;
    bottom: 0px;
    overflow: auto;
}
.poppagetop {
    width: 100%;
    height: 24px;
    -webkit-box-pack: left;
    -webkit-box-align: center;
    position: absolute;
    /* border: 1px solid #ccc; */
    z-index: 999;
}
.poppagecenter {
    position: absolute;
    overflow: auto;
    top: 27px;
    width: 100%;
    height: 450px;
    left: 0;
}
::v-deep .el-select-dropdown__wrap {
    max-width: 400px;
}
::v-deep .vxe-table .vxe-body--row.row--hover td {
    background-color: #d7f1fd;
    vertical-align: top !important;
}
::v-deep .vxe-table.size--mini .vxe-body--column,
.vxe-table.size--mini .vxe-footer--column,
.vxe-table.size--mini .vxe-header--column {
    padding: 1px 0;
    vertical-align: top !important;
}
::v-deep .vxe-table .vxe-sort-wrapper {
    padding: 0 0px;
}
::v-deep .colred {
    background-color: red !important;
}
::v-deep .colgreen {
    background-color: #00ff00 !important;
}
::v-deep .colrow {
    background-color: #c0ffc0;
}
::v-deep .el-input.is-disabled .el-input__inner {
    color: #606266;
    cursor: default;
}
::v-deep .vxe-table .vxe-body--column.col-blue {
    color: blue;
}
::v-deep .vxe-table .vxe-body--column.col-red {
    color: red;
}
.tdclass {
    text-align: left !important;
}
</style>